/* -behavior classes should not be styled! These are to indicate
 * behavior to javascript only.
 */

img {
  border: 0px;
}

#ledger {
  border: 1px solid silver;
  border-spacing: 0px;
  padding: 0;
  width: 100%;
}

#ledger * {
  padding:5px;
  margin:0;
}

#ledger tbody td {
  border-bottom:1px solid silver;
}

#ledger tbody {
  overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
  height: 300px;
}

#ledger thead tr {
  background-color: silver;
}

#ledger tbody tr:hover {
  background-color: #ffd;
}

#entry-new table {
  width:100%;
}

#entry-new .payee {
  width:100%;
}

#entry-new .categories {
  width:55%;
}



.numeric {
  width: 5em;
}

.credit {
  color: green;
}

.debit {
  color: red;
}



/* the auto complete dropdown classes that should be hidden -
   used for data passing purposes only.*/
.dropdown .payee-id,
.dropdown .entry-debit,
.dropdown .entry-credit,
.dropdown .category-id {
  display: none;
}
